<template>
	<view class="bg-gray">
		<view class="applylist" @click="jump('/pages/study/applylist')">
			<image src="https://www.haopengsong.xyz/static/study/changdiicon.png" class="changdiicon"></image>
			申请
			<view class="jilu">记录</view>
		</view>
		<view class="width">
			<addresslist :path='path' :list='courseList' url='/pages/study/addressdetail'></addresslist>
		</view>
	</view>
</template>

<script>
	import addresslist from "@/components/huashuiwan/addresslist.vue";
	import { getsiteLxyCourse } from "@/api/course";
	export default {
		components: {
			addresslist
		},
		data(){
			return {
				path:'https://www.haopengsong.xyz/static/study/addressbg.png',
				courseList:[]
			}
		},
		onLoad() {
			this.getList()
		},
		methods:{
			jump(res){
				uni.navigateTo({
					url: res
				});
			},
			/** 桌号列表 **/
			getList(){
				getsiteLxyCourse().then(res=>{
					this.courseList = res
				})
			},
		}
	}
</script>
<style scoped>
	.applylist{
		position: fixed;
		right: 10px;
		bottom: 10%;
		width: 54px;
		background-color: #fff;
		border-radius: 14px;
		box-shadow: 0px 0px 25px 1px rgba(50,113,69,0.15);
		z-index: 6;
		text-align: center;
		text-align: center;
		font-size: 10px;
		padding-bottom: 10px;
	}
	.changdiicon{
		width: 24px;
		height: 24px;
		display: block;
		margin:10px auto 5px;
	}
	.jilu{
		margin-top: 3px;
	}
</style>